<!--
 * Author: Luciano Hoult
 * Contact: lucianolee@zju.edu.cn
 * Company: Zhejiang University
 * Created Date: Tuesday October 29th 2019 4:21:48 pm
 * Last Modified: Tuesday December 10th 2019 2:32:04 pm
-->


<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML Web page for client
        </title>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, viewport-fit=cover" />
       
        <!--Add CSS-->
        <link rel="stylesheet" href="style.css" />

        <!--Add Google Icons-->
        <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

        <!--Add JQuery-->
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
        </script>

        <!-- Add JQuery Mobile -->
        <script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js">
        </script>

        <!-- Alert If Failed -->
        <script type="text/javascript">
            if (typeof jQuery == 'undefined') {
            window.alert('JQ Fail');
            }
        </script>

        <!-- Add Self-defined JS File -->
        <script src="interaction.js">
        </script>
        
    </head>
    <body>
        <header>
            <h1>
                <!-- Add GIF -->
                <img src="signal_ready.gif" alt="signal_readying" style="float:left;width:3vw;height:3vw;">
                Fingerprint Scanner Main Monitering Interface
            </h1>
            <p>
                <!-- Brief Instruction -->
                Press corresponding button for target function.
            </p>
        </header>
        <div class="buttons">
            <a class="btn1" id="add" onclick="prompt_add()">
                Add a new fingerprint
            </a>
            <br>
            <a class="btn1" id="del" onclick="prompt_del()">
                Delete an existing fingerprint
            </a>
            <br>
            <a class="btn1" id="chk" onclick="prompt_chk()">
                Check your fingerprint
            </a>
            <br>
        </div>


    </body>
</html>